<!DOCTYPE html>
<html>
<body>
<button type="button"  onclick="callArray()">应用侧Array数据</button>
<button type="button"  onclick="callNumber()">应用侧number数据</button>
<button type="button"  onclick="callObject()">应用侧object数据</button>
<button type="button"  onclick="callArray()">应用侧ObjectAttribute数据</button>
<button type="button"  onclick="callArray()">应用侧Array数据</button>
<h1 id="array">初始文本内容</h1>
<script>
  // 调用有参函数时实现。
  var param = "param: JavaScript Hello World!";
  function htmlTest(param) {
      document.getElementById('text').style.color = 'green';
      console.log(param);
  }
  // 调用无参函数时实现。
  function htmlTest() {
      document.getElementById('text').style.color = 'green';
  }
  // Click Me！触发前端页面callArkTS()函数执行JavaScript传递的代码。
  function callArray() {
       let str = arkObj.getArray();
        document.getElementById("text").innerHTML = str;
  }
  function callNumber() {
       let str = arkObj.getNumber();
        document.getElementById("text").innerHTML = str;
  }
  function callObjectAttribute() {
       let str = arkObj.getObject();
        document.getElementById("text").innerHTML = str.getName();
  }
  function callObject() {
       let str = arkObj.getObject();
        document.getElementById("text").innerHTML = str;
  }
</script>
</body>
</html>